<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚学院</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jxy_i">
        <header-top :loginname="loginName"></header-top>
        <header-search-global type="学院"></header-search-global>
        <common-top-nav cur="聚学院"></common-top-nav>
        <div class="bg-gray">
            <common-swiper :bannerlist="bannerlist"></common-swiper>
            <div class="container pb-20">
                <!-- 行业资讯 -->
                <jxy-biaoti :title="'行业资讯'" :url="'zixun.html?1'"></jxy-biaoti>
                <zixun-list :list="zixunlist"></zixun-list>
                <!-- 学院头条 -->
                <jxy-biaoti :title="'学院头条'" :url="'zixun.html?2'"></jxy-biaoti>
                <zixun-list :list="toutiaolist"></zixun-list>
                <!-- 热门圈子 -->
                <jxy-biaoti :title="'热门圈子'" :url="'circle.html'"></jxy-biaoti>
                <quanzi-list :list="quanzilist"></quanzi-list>
                <!-- 线上课堂 -->
                <jxy-biaoti :title="'线上课堂'" :url="'online.html?1'"></jxy-biaoti>
                <ketang-list :list="ketanglist" @callback="join"></ketang-list>
                <!-- 线下培训 -->
                <jxy-biaoti :title="'线下培训'" :url="'online.html?2'"></jxy-biaoti>
                <peixun-list :list="peixunlist" @callback="peixunbaoming"></peixun-list>
                <!-- 广告位 -->
                <div class="jxy-adv">
                    <a :href="advUrl"><img :src="advimg"></a>
                </div>
                <!-- 峰会论坛 -->
                <jxy-biaoti :title="'峰会论坛'" :url="'fenghui.html'"></jxy-biaoti>
                <div class="jxy-luntan">
                    <div class="img-wrap img1 mr-20">
                        <img :src="item.picUrl" v-for="item,index in luntan" v-if="index==0">
                        <div class="baoming-wrap" v-for="item,index in luntan" v-if="index==0">
                            <button class="baoming" @click="qubaoming(index)" v-if="!item.beApplied">马上报名</button>
                            <button class="baoming" @click="qubaoming(index)" v-if="item.beApplied">取消报名</button>
                        </div>
                    </div>
                    <div>
                        <div class="img-wrap img2 mb-20">
                            <img :src="item.picUrl" v-for="item,index in luntan" v-if="index==1">
                            <div class="baoming-wrap" v-for="item,index in luntan" v-if="index==1">
                                <button class="baoming" @click="qubaoming(index)" v-if="!item.beApplied">马上报名</button>
                                <button class="baoming" @click="qubaoming(index)" v-if="item.beApplied">取消报名</button>
                            </div>
                        </div>
                        <div class="img-wrap img2">
                            <img :src="item.picUrl" v-for="item,index in luntan" v-if="index==2">
                            <div class="baoming-wrap" v-for="item,index in luntan" v-if="index==2">
                                <button class="baoming" @click="qubaoming(index)" v-if="!item.beApplied">马上报名</button>
                                <button class="baoming" @click="qubaoming(index)" v-if="item.beApplied">取消报名</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <el-dialog title="填写报名信息" :visible.sync="dialogFormVisible">
            <el-form :model="form">
                <el-form-item label="公司名称" :label-width="formLabelWidth">
                    <el-input v-model="form.companyName" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="姓名" :label-width="formLabelWidth">
                    <el-input v-model="form.userName" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="年龄" :label-width="formLabelWidth">
                    <el-input v-model="form.age" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="性别" :label-width="formLabelWidth">
                    <el-input v-model="form.sex" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="手机号" :label-width="formLabelWidth">
                    <el-input v-model="form.phone" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="baoming">确 定</el-button>
                <el-button @click="dialogFormVisible = false">取 消</el-button>
            </div>
        </el-dialog>
        <el-dialog
                title="在线课堂"
                :visible.sync="videoDialogVisible"
                width="40%">
            <iframe height=498 width=720 src='http://player.youku.com/embed/XMzI2NjY0MDU0MA==' frameborder=0  allowfullscreen></iframe>
            <!--<video :src="videoUrl" controls="controls" autoplay="autoplay" height=720 width=580></video>-->
            <span slot="footer" class="dialog-footer"> </span>
        </el-dialog>

        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jxy_i();
    </script>
</body>

</html>